<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/share.css">
</head>

<body>
    <header>
    </header>
    <section>
        <article class="detail ">

        </article>
        <article class="bar">

        </article>
    </section>
    <footer>
        <article class="f-top ">
            <figure>
                <img src="../img/001.jpg" alt="">
                <figcaption>朋友圈</figcaption>
            </figure>
            <figure>
                <img src="../img/002.jpg" alt="">
                <figcaption>微信</figcaption>
            </figure>
            <figure>
                <img src="../img/003.jpg" alt="">
                <figcaption>微博</figcaption>
            </figure>
            <figure>
                <img src="../img/004.jpg" alt="">
                <figcaption>QQ</figcaption>
            </figure>
        </article>
        <article class="f-bot">
                    取消
        </article>
    </footer>

</body>

</html>